/*-----------------------------------------------
-------------------------------------------------
-------------------------------------------------
---------------Estilos para resultados-----------
-------------------------------------------------
-------------------------------------------------
------------------------------------------------*/

@charset "utf-8";
/*----------------------
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, form, caption, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: middle;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need ‘cellspacing=”0″‘ in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
/*background-color:#dadada;*/
background: url(images/bg.gif) repeat-x scroll 0 0 #FFFFFF;
}
/*---------------------
-----wrap-------------
----------------------*/
#wrap{
width:960px;
margin-left:auto;
margin-right:auto;
background:url(images/fondo.jpg) repeat-x;
background-color:#dadada;
position:relative;
}
#menu-top{
width:100%;
height:150px;
}
/*----------------------
-----Header-------------
-----------------------*/
#header{
/*height:100px;*/
padding-top:20px;
border-bottom:1px solid #999999;
}
.logo{
position:absolute;
top:21px;
left:660px;
width:300px;
}
.lista-top{
position:absolute;
top:5px;
right:20px;
font-size: 100%;
}
.lista-top li{
display:inline;
margin-right:10px;
}
.lista-top li a{
color:#666666;
font-size:11px;
text-decoration:none;
}
.lista-top li a:hover{
color:#003366;
}
/*--------------------------
-------menu-----------------
----------------------------*/
#menuhead{
background:url(images/back-menu-head.jpg) repeat-x;
height:27px;
}

/*--------------------------
-----titulo de cabecera-----
----------------------------*/
#titlehead{
background: url(redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50% #5C9CCC;
/*background:#D2D6FF;*/
border-bottom:1px solid #999999;
border-top:1px solid #999999;
height:35px;
padding-top:15px;
position:relative;
}
.title{
color:#F3F3F3;
text-transform:uppercase;
font-size:18px;
margin-left:30px;
text-shadow:#6374AB 2px 2px 2px;
}
/*---------------------------
---------busqueda-------------
------------------------------*/
.buscar{
position:absolute;
right:20px;
top:8px;
}
.boton-buscar{
background:url(images/icono-buscar.png) no-repeat;
width:65px;
height:25px;
border:none;
position:absolute;
left:890px;
top:5px;
}
.boton-buscar:hover{
background:url(images/icono-buscar-hover.png) no-repeat;
width:65px;
height:25px;
cursor:pointer;
}

#nombre{
width:200px;
height:18px;
}
.input-buscar{
width:220px;
height:24px;
display:block;
border:1px solid #c7c4c4;
position:absolute;
left:666px;
top:5px;
}

.input-buscar:focus{
background-color:#F0F9F9;
}

.check-buscar{
position:absolute;
left:666px;
top:32px;
}

.check-buscar-titulo{
position:absolute;
left:683px;
top:33px;
}

/*------------------------------
-----tabla pacientes-----------
------------------------------*/
#content{

}
#pacientes{
width:890px;
border-bottom:1px solid #c8bfbf;
border-right:1px solid #c8bfbf;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}
#pacientes tr{
}
#pacientes td{
padding-left:4px;
padding-top:14px;
padding-bottom:14px;
border-left:1px solid #c8bfbf;
}
#pacientes-titulos{
background:#999;
height:37px;
}
#pacientes-titulos td{
color:#FFFFFF;
font-size:14px;
font-weight:600;
padding-left:4px;
padding-top:10px;
padding-bottom:0px;
}
.space{
margin-right:5px;}
/*-------fondo filas----*/
.color-uno{
background-color:#f5f5f5;
}
.color-dos{
background-color:#ffffff;
}
/*----------------------------
---------paginador-----------
----------------------------*/
#paginador{
padding-left:34px;
height:40px;
}
.paginar{
margin-top:20px;
}
.paginar li{
display:block;
float:left;
margin-right:5px;
font-size:12px;
}
/*--------------------------
------Enfermedades-----------
-----------------------------*/
.form-enfermedad{
width:500px;
margin-left:35px;
margin-top:20px;
border-left:5px solid #CCCCCC;
padding-left:10px;
margin-bottom:20px;
}
.nueva-enfermedad{
width:222px;
height:25px;
margin-top:5px;
}
.nueva-enfermedad:focus{
background-color:#EAF8FD;
}

.entrada{
width:220px;
height:24px;
display:block;
margin-top:5px;
margin-bottom:2px;
border:1px solid #c7c4c4;
border-radius: 3px 3px 3px 3px;
}
.entrada:focus{
background-color:#F0F9F9;
}

.guardar{
width:145px;
height:40px;
background:url(images/boton-guardar-nuevo.png) no-repeat;
display:block;
border:none;
margin-top:10px;
}
.guardar:hover{
background:url(images/boton-guardar-nuevo-hover.png) no-repeat;
cursor:pointer;
}

.agregar{
width:145px;
height:40px;
background:url(images/agregar.png) no-repeat;
display:block;
border:none;
margin-top:10px;
}
.agregar:hover{
background:url(images/agregar-hover.png) no-repeat;
cursor:pointer;
}


/*------------------------
--------footer------------
----------------------------*/
#footer{
height:50px;
padding-top:20px;
/*background:url(images/ui-bg_flat_10_000000_40x100.png) repeat-x scroll left top transparent;*/
background: url(redmond/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x scroll 50% 50% #5C9CCC;
}



/*----------------------------
BONTONES JQGRID
-----------------------------*/
.icono {
display:inline-block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
margin: 0 2px;
}
#td-boton{
border: none;
height:16px;
width:16px;
padding: 1px;
}

#td-boton:hover{
border: 1px solid #79b7e7;
background: #d0e5f5 (images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
font-weight: bold;
color:#1d5987;
border-radius: 5px 5px 5px 5px;
padding: 0;
}


.boton-editar{
background-image:url(redmond/images/ui-icons_6da8d5_256x240.png);
background-position: -64px -112px;
height: 16px;
width: 16px;
}

.boton-editar:hover{
background-image: url(redmond/images/ui-icons_217bc0_256x240.png);
background-position: -64px -112px;
color: #1D5987;
}

.boton-eliminar{
background-image:url(redmond/images/ui-icons_6da8d5_256x240.png);
background-position: -176px -96px;
height: 16px;
width: 16px;
}

.boton-eliminar:hover{
background-image: url(redmond/images/ui-icons_217bc0_256x240.png);
background-position: -176px -96px;
color: #1D5987; 
}

.boton-hclinica{
background-image:url(redmond/images/ui-icons_6da8d5_256x240.png);
background-position: -32px -96px;
height: 16px;
width: 16px;
}

.boton-hclinica:hover{
background-image: url(redmond/images/ui-icons_217bc0_256x240.png);
background-position: -32px -96px;
color: #1D5987;
}

.boton-reloj{
background-image:url(redmond/images/ui-icons_6da8d5_256x240.png);
background-position: -80px -112px;
height: 16px;
width: 16px;
}

.boton-reloj:hover{
background-image: url(redmond/images/ui-icons_217bc0_256x240.png);
background-position: -80px -112px;
color: #1D5987;
}

.boton-calendario{
background-image:url(redmond/images/ui-icons_6da8d5_256x240.png);
background-position: -112px -112px;
height: 16px;
width: 16px;
}

.boton-calendario:hover{
background-image: url(redmond/images/ui-icons_217bc0_256x240.png);
background-position: -112px -112px;
color: #1D5987;
}

.boton-mas{
background-image:url(images/Tango-feet.png);
background-position: -265px -580px;
height: 20px;
width: 20px;
border: 1px solid #CCCCCC;
border-radius:5px 5px 5px 5px;
}

.boton-mas:hover{
border: 1px solid #333;
}

.boton-menos{
background-image:url(images/Tango-feet.png);
background-position: -295px -580px;
height: 20px;
width: 20px;
border: 1px solid #CCCCCC;
border-radius:5px 5px 5px 5px;
}

.boton-menos:hover{
border: 1px solid #333;
}

.boton-detalle{
background-image:url(images/Tango-feet.png);
background-position: -559px -181px;
height: 20px;
width: 20px;
border: 1px solid #CCCCCC;
border-radius:5px 5px 5px 5px;
}

.boton-detalle:hover{
border: 1px solid #333;
}


/*----------------------------
	TABLA
-----------------------------*/
#tabla_compra {
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#tabla_compra td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
	padding: 0.5em 0em;
	border: 1px solid #CCCCCC;
}
#tabla_compra tr {
	background:#FFFFFF;
}

#tabla_compra th {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	text-align: center;
}
#tabla_compra thead th {
	background-color: #F9F9F9;
	padding: 0.4em;
	border: 1px solid #EEE;
}
#tabla_compra caption {
	text-align: left;
	margin-bottom: 2em;
}

/*----------------------------
COLUMNAS
-----------------------------*/
#panel{
width:880px;
height:555px;
border:2px solid #CCCCCC;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
position:relative;
border-radius: 10px 10px 10px 10px;
}
#columna1{
position:absolute;
width:250px;
top:20px;
left:20px;
}

#columna2{
position:absolute;
width:550px;
top:20px;
left:300px;
}

fieldset{
border: 1px solid #C3CCD3;
padding: 1em;
border-radius: 8px 8px 8px 8px;
margin: 0;
}

.browse-search-input {
    background: url(images/lupa.png) no-repeat scroll 2% center #FFFFFF;
    padding-left: 24px;
    padding-right: 22px;
    width: 170px;
	height: 22px;
	left:730px;
	position:absolute;
	font-size: 13px;
	border: 1px solid #BFBFBF;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 0 #000000, 0 3px 3px #EEEEEE inset;	
    margin-top: -20px;
}


.browse-search-label {
    line-height: normal;
    padding-left: 20px;
	font-size: 13px;
	color: #777777;
    cursor: text;    
    left: 750px;
    pointer-events: none;
    position: absolute;
    top: 35px;	
}
.browse-search-label:focus {
	background:#F00;
}